import React from 'react';
import style from './index.less';
import imgs from './img/1.png';
import imgs123 from './img/2.png';
import { Arrow } from '@react-vant/icons';
import { history } from 'umi';
export default function Index() {
  return (
    <div>
      <div className={style.tou}>
        <div className={style.xiang}>
          <div className={style.xiang1}>
            <img
              src="https://img.axureshop.com/8d/2f/30/8d2f3075c60b454382a8e5b016e47cf6/images/%E6%88%91%E7%9A%84_1/%E5%B1%95%E7%A4%BA%E5%9B%BE_u14408.png"
              alt=""
            />
          </div>
          <div className={style.zi}>
            <div className={style.zi1}>OMINI.BASS</div>
            <div className={style.zi2}>满意度 98%</div>
          </div>
          <div className={style.hui}>金牌骑手</div>
        </div>
      </div>
      <div className={style.bei}>
        <div className={style.li}>
          <div className={style.li1}>
            <div className={style.li1_a}>配送里程</div>
            <div className={style.li1_b}>12,365公里</div>
          </div>
          <div className={style.li2}>
            <div className={style.li2_a}></div>
          </div>
          <div className={style.li3}>
            <div className={style.li3_a}>订单总数</div>
            <div className={style.li3_b}>1,365单</div>
          </div>
        </div>

        <div className={style.xing}>
          <div className={style.wang} onClick={() => history.push('/huishou')}>
            <div className={style.wang1}>
              <div className={style.imgs}>
                <div className={style.imgs1}>一</div>
              </div>
            </div>
            <div className={style.wang2}>已完成订单</div>
            <div className={style.wang3}>
              <Arrow fontSize={20} color="#d8d7d7" />
            </div>
          </div>
          <div className={style.ke}>
            <div className={style.ke1}>
              <div className={style.imgs}>
                <div className={style.imgs1}></div>
              </div>
            </div>
            <div className={style.ke2}>联系客服</div>
            <div className={style.ke3}>
              <Arrow fontSize={20} color="#d8d7d7" />
            </div>
          </div>

          <div className={style.dong}>
            <div className={style.dong1}>
              <div className={style.imgs}>
                <div className={style.imgs1}></div>
              </div>
            </div>
            <div className={style.dong2}>自动接单</div>
            <div className={style.dong3}>
              <Arrow fontSize={20} color="#d8d7d7" />
            </div>
          </div>

          <div className={style.xiu} onClick={() => history.push('/mima')}>
            <div className={style.xiu1}>
              <div className={style.imgs}>
                <div className={style.imgs1}>
                  <img src={imgs} alt="" />
                </div>
              </div>
            </div>
            <div className={style.xiu2}>修改密码</div>
            <div className={style.xiu3}>
              <Arrow fontSize={20} color="#d8d7d7" />
            </div>
          </div>

          <div className={style.cha}>
            <div className={style.cha1}>
              <div className={style.imgs}>
                <div className={style.imgs1}>
                  <img src={imgs123} alt="" />
                </div>
              </div>
            </div>
            <div className={style.cha2}>
              检查更新 <span>V1.0</span>
            </div>
            <div className={style.cha3}>
              <Arrow fontSize={20} color="#d8d7d7" />
            </div>
          </div>
        </div>
        <div className={style.chu}> 退出登陆</div>
      </div>
    </div>
  );
}
